.footer {
  color: $general-white;
  font-size: 10px;
  line-height: 12px;
}

.footer__wrapper {
  background-color: $footer-background;
}

.footer__decorative-wrapper {
  height: 102px;
  position: relative;
  overflow: hidden;

  &::after {
    content: "";
    width: 100%;
    height: 6px;
    background-color: $footer-background;
    position: absolute;
    top: 86px;
  }
}

.footer__decorative-guitar {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-65.4%) rotate(180deg);
  background-size: 868px 279px;
}

.footer__nav {
  position: relative;
  display: flex;
  padding-top: 83px;
  padding-bottom: 59px;
}

.footer__logo {
  margin: 0;
  position: absolute;
  top: 61px;
  left: 41px;
}

.footer__logo-link {
  color: inherit;

  &:is([href]):hover,
  &:is([href]):focus {
    opacity: 0.7;
  }

  &:is([href]):active {
    opacity: 0.3;
  }
}

.footer__block-heading {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  margin: 0;
  letter-spacing: 0.13em;
}
